<template>
  <uni-popup
    class="auth-popup"
    ref="authRefs"
    type="bottom"
    @close="handleClose"
  >
    <view class="auth-content safe-area">
      <view class="close-icon" @click="handleClose">
        <uni-icons type="CloseOutline" @click="handleUseNoticeClose">
        </uni-icons>
      </view>
      <view class="auth-info">
        <image
          class="auth-logo"
          mode="scaleToFill"
          src="@/static/images/logo.png"
        />
        <view class="auth-title"> 签鸽电子借条 </view>
        <view class="auth-tip">
          为确保合同的法律效力，我们需要你授权支付宝实名信息并登录
        </view>
      </view>
      <view class="auth-agreement">
        <uni-checkbox @chage="handleReadChange" :checked="hasRead">
        </uni-checkbox>
        <view class="agree">
          我已阅读并同意
          <text @click="handleJumpRead" data-cate="serviceAgree" data-id="5"
            >《签鸽服务协议》</text
          >
          <text @click="handleJumpRead" data-cate="privacyAgree" data-id="6"
            >《隐私政策》</text
          >
          <!-- <text onTap="handleJumpRead" data-cate="3" data-id="4">《签鸽电子借条用户使用通知》</text> -->
        </view>
      </view>
      <view
        type="primary"
        onTap="handleSubmit"
        :class="{ 'auth-btn': true, no: hasRead }"
      >
        支付宝实名登录
      </view>
    </view>
  </uni-popup>
  <!-- 使用须知弹层 -->
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped></style>
